/*var div = document.getElementsByTagName('div')[0];

console.log(div);
console.log(div.childNodes.length);//7
console.log(div.children.length);//2*/
//==========================================line1===============
/*
 * node 
 * 		|--Document
 * 			|-- HTMLDocument
 * 		|--CharacterData
 * 			|--Text
 * 			|--Comment
 * 		|--Element
 * 			|--HTMLElement
 * 				|--HTMLHeadElement
 * 				|--HTMLBodyElement
 * 				|--HTMLTitleElement
 * 				|--HTMLParagraphElement
 * 				|--HTMLInputElement
 * 				|--HTMLTableElement
 * 				|--...etc.
 * 		|--Attr
 * 
 * document -->HTMLDocument
 */
/*HTMLDocument.prototype = {
	__proto__ : Document.protoType;
}*/

/**
 * 1.getElementById方法定义在Document.prototype上
 * 2.getElementByName方法定义在HTMLDocument.prototype上
 * 3.getElementByTagName方法定义在Document.prototype和Element.prototype上
 * 4.HTMLDocument。prototype定义了一些常用的属性，body,head
 * 5.Document.prototype上定义了documentElement属性，指代文档的根元素
 * 6.getElementByClassName\querySelectorAll,querySelector在Document.prototype和Element.prototype均有定义
 */
/*
var div = document.getElementsByTagName('div')[0];
var span = div.getElementsByTagName('span')[0];*/
//==================================line2=========================
//console.log(document.documentElement);
//====================line3====================

/*function retParent(elem,n){
	while(elem && n--){
		elem = elem.parentElement;
	}
	return elem;
}
var i = document.getElementsByTagName('i')[0];*/
//====================line4====================
/*Element.prototype.myChildren = function(){
	var child = this.childNodes;
	var len = child.length;
	var arr = [];
	for (var i = 0; i < len; i++) {
		if(child[i].nodeType == 1){
			arr.push(child[i]);
		}
		
	}
	return arr;
}
var div = document.getElementsByTagName('div')[0];
console.log(div.myChildren());*/

//====================line5====================

//封装函数，返回元素兄弟元素节点
/*function retSibling(e,n){
	while(n){
		if(e && n > 0){
			if(e.nextElementSibling){
				e = e.nextElementSibling;
			}else{
				for(e = e.nextSibling;e && e.nodeType == 1;e = e.nextSibling){}
			}
			
			n--;
		}else{
			if(e.previousElementSibling){
				e = e.previousElementSibling;
			}else{
				for(e = e.previousSibling;e && e.nodeType == 1;e = e.previousSibling){}
			}
			n++;
		}
	}
}

var strong = document.getElementsByTagName('strong')[0];*/


//==================================line6===============================
/*var div = document.createElement('div');//创建元素节点
var text = document.createTextNode('邓');//文本节点
var comment = document.createComment('注释');*/
//appendChild
/*var div = document.getElementsByTagName('div')[0];
var text = document.createTextNode('123');
div.appendChild(text);//对于创建的节点，剪切操作*/

//==================================line7===============================
//insertBefore()//插入

//删除
//parent.removeChild();
//child.remove();

//replaceChild(new,origin)


//属性
//innerHTML 覆盖
//innerText(火狐不兼容)/textContent(老版本IE不好使)
//Element节点的一些方法
//setAttribute('class','demo');
//getAttribute('class');


var div = document.createElement('div');
div.setAttribute('class','example');
var p = document.createElement('p');
p.innerText = '姬成，';
p.setAttribute('class','slogan');
div.appendChild(p);
document.body.appendChild(div);

